<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./NavLast.css">
    <link rel="stylesheet" href="../NavLast/iconfont/iconfont.css">
    <title>Document</title>
</head>

<body>
    <header class="head">
        <nav>
            <a href="http://localhost/wjj/index.html">
                <img src="https://www.kuangstudy.com/assert/images/index_topleft_logo_black.png" alt="">
            </a>
            <div class="headCenter">
                <a href="http://127.0.0.1:5500/joint-project/project/class/html/sub.html">课程</a>
                <span class="sp1">热门</span>
                <a href="http://127.0.0.1:5500/joint-project/project/jianghu/html/lakes.html">江湖</a>
                <a href="http://127.0.0.1:5500/joint-project/project/zhuanlan/index.html">专栏</a>
                <a href="http://127.0.0.1:5500/joint-project/project/xinjianming/index.html">下载</a>
                <a href="http://127.0.0.1:5500/joint-project/project/NavLast/NavLast.html">导航</a>
            </div>
            <div class="right">
                <a href="javascript:;">
                    <i class="iconfont icon-denglu"></i>
                    登录
                </a>
         </div>
        </nav>
        <div class="denglu">
            <h2>账号登录</h2>
            <span class="exit">×</span>
                <input type="text" placeholder="请输入手机号 或 用户数字编号 登录">
                <input type="password" placeholder="请输入6-18位密码">
                <input type="button" value="登录">
                <p class="p1"><a href="javascript:;">微信扫描注册/登录</a></p>
                <p class="p2">
                    登录即代表你同意
                    <a href="javascript:;">用户协议</a>
                    和
                    <a href="javascript:;">隐私政策</a>
                </p>
         </div>
    </header>
    <div class="view-header">
        <div class="view-container same">
            <img src="https://www.kuangstudy.com/assert/images/baidu.jpg" alt="">
            <div class="search-form">
                <input type="text" placeholder="请输入搜索内容" style="padding-left:10px;">
                <button>搜索</button>
            </div>
        </div>
    </div>
    <div class="view-main">
        <div class="view-box same">
            <div class="headline">
                <p>应用</p>
                <div></div>
            </div>
            <div class="list-url-quick">
                <ul>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/css">
                            <div>
                                <i class="iconfont icon-css"></i>
                            </div>
                            <p>css在线压缩</p>
                        </a>

                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/js">
                            <div>
                                <i class="iconfont icon-logo-javascript"></i>
                            </div>
                            <p>js在线压缩</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/special">
                            <div>
                                <i class="iconfont icon-diannao"></i>
                            </div>
                            <p>HTML特殊符号表</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/email">
                            <div>
                                <i class="iconfont icon-shuji-xianxing2-0"></i>
                            </div>
                            <p>邮编区号查询</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/card">
                            <div>
                                <i class="iconfont icon-fachejihua"></i>
                            </div>
                            <p>车牌号归属地</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/age">
                            <div>
                                <i class="iconfont icon-dianpu"></i>
                            </div>
                            <p>年龄计算器</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kuangstudy.com/tools/character">
                            <div>
                                <i class="iconfont icon-document
                            "></i>
                            </div>
                            <p>数字大写转换</p>
                        </a>
                    </li>
                    <li>
                        <a href="https://hlddz.huanle.qq.com/">
                            <div>
                                <img src="https://www.kuangstudy.com/assert/images/doudizhu.jpg" alt="">
                            </div>
                            <p>欢乐斗地主</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div>
                                <i class="iconfont icon-24gf-playCircle"></i>
                            </div>
                            <p>电影网址导航</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="Navigation same">
            <div class="headline">
                <p>我的导航</p>
                <div>
                </div>
            </div>
            <div>
                <ul class="add"> 
                    <!-- <li>
                        <a href="https://www.aliyun.com/minisite/goods?userCode=0phtycgr">
                            <img src="https://www.aliyun.com/favicon.ico" alt="">
                            <span>服务器购买</span>
                        </a>
                    </li> -->
                    <li class="button">
                        <i class="iconfont icon-jiahao">添加导航</i>
                    </li>
                </ul>
                <div class="internet">
                    <div>
                        <input type="text" class="name" placeholder="导航名字（必填）">
                        <input type="text" class="href" placeholder="导航链接（必填）">
                        <input type="text" class="favicon" placeholder="导航favicon图标">
                        <input type="text" class="sort" placeholder="导航排序">
                    </div>
                    <div class="float">
                        <button class="close"><i class="iconfont icon-cancel-1-copy"></i>关闭</button>
                        <button class="addlist"><i class="iconfont icon-jiahao"></i>提交保存</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="programming same">
            <div class="headline">
                <p>编程</p>
                <div></div>
            </div>
            <div class="list-url-suggest">
                <ul>
                    <li>
                        <a href="https://www.aliyun.com/minisite/goods?userCode=0phtycgr">
                            <img src="https://www.aliyun.com/favicon.ico" alt="">
                            <span>服务器购买</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://gitee.com/xuexiangban">
                            <img src="https://gitee.com/favicon.ico" alt="">
                            <span>码云</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://lanhuapp.com/">
                            <img src=""
                                alt="">
                            <span>蓝湖</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.processon.com/">
                            <img src="https://www.processon.com/favicon.ico" alt="">
                            <span>processon</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">
                            <img src="https://wx.gtimg.com/core/favicon.ico" alt="">
                            <span>微信支付</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://open.weixin.qq.com/">
                            <img src="https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico" alt="">
                            <span>微信公众平台</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.alipay.com/">
                            <img src="https://img.alicdn.com/tfs/TB1qEwuzrj1gK0jSZFOXXc7GpXa-32-32.ico" alt="">
                            <span>支付宝</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.nowcoder.com/exam/company">
                            <img src="https://www.nowcoder.com/favicon.ico" alt="">
                            <span>牛客网</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://leetcode.cn/problemset/all/">
                            <img src="https://leetcode-cn.com/favicon.ico" alt="">
                            <span>LeetCode</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.iconfont.cn/">
                            <img src="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" alt="">
                            <span>iconfont</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.bootcdn.cn/">
                            <img src="https://www.bootcdn.cn/assets/ico/favicon.ico?1608299009206" alt="">
                            <span>BootCDN</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="finance same">
            <div class="headline">
                <p>金融</p>
                <div></div>
            </div>
            <div class="list-url-suggest">
                <ul>
                    <li>
                        <a href="https://www.aliyun.com/minisite/goods?userCode=0phtycgr">
                            <img src="https://www.taoguba.com.cn/favicon.ico" alt="">
                            <span>淘股吧</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://gitee.com/xuexiangban">
                            <img src="https://xqdoc.imedao.com/17aebcfb84a145d33fc18679.ico" alt="">
                            <span>雪球</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://lanhuapp.com/">
                            <img src="https://cdnjs.cls.cn/www/20200601/image/favicon.ico" alt="">
                            <span>财联社</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.processon.com/">
                            <img src="https://static.coinall.ltd/cdn/assets/imgs/221/A73079733B3789DA.png" alt="">
                            <span>欧易BTC</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">
                            <img src="http://www.iwencai.com/favicon.ico" alt="">
                            <span>问财</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://open.weixin.qq.com/">
                            <img src="https://g1.dfcfw.com/g1/special/favicon_shortcut.ico" alt="">
                            <span>东财期货</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.alipay.com/">
                            <img src="https://favor.fund.eastmoney.com/favicon.ico" alt="">
                            <span>天天基金网</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="programming same">
            <div class="headline">
                <p>媒体</p>
                <div></div>
            </div>
            <div class="list-url-suggest">
                <ul>
                    <li>
                        <a href="https://space.bilibili.com/701446427/">
                            <img src="https://space.bilibili.com/favicon.ico" alt="">
                            <span>哔哩哔哩</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.zhihu.com/people/xuexiangban">
                            <img src="https://www.zhihu.com/favicon.ico" alt="">
                            <span>知乎</span>
                        </a>
                    </li>
                    <li>
                        <a
                            href="https://www.toutiao.com/c/user/token/MS4wLjABAAAArhqBubaMnH3Y_0bG4V7xz1Te4GRLlGzhSBcrLSoUPShKIZi5TW2sPfrH1g3vD4L4/">
                            <img src="https://www.toutiao.com/favicon.ico" alt="">
                            <span>今日头条</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://xuexiangban.ke.qq.com/">
                            <img src="https://xuexiangban.ke.qq.com/favicon.ico" alt="">
                            <span>腾讯课堂</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.qq.com/">
                            <img src="https://mat1.gtimg.com/qqcdn/qqindex2021/favicon.ico" alt="">
                            <span>腾讯新闻</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.cctv.com/">
                            <img src="https://www.cctv.com/favicon.ico" alt="">
                            <span>央视网</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://music.163.com/">
                            <img src="https://s1.music.126.net/style/favicon.ico?v20180823" alt="">
                            <span>网易云音乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://mp.dayu.com/">
                            <img src="https://image.uc.cn/s/uae/g/1v/images/index/favicon.ico" alt="">
                            <span>大鱼号</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://leetcode.cn/problemset/all/">
                            <img src="https://bjhstatic.cdn.bcebos.com/fe-react-register/static/media/baidu.04b11000.png"
                                alt="">
                            <span>百家号</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.douyin.com/">
                            <img src="https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_web/public/favicon.ico" alt="">
                            <span>抖音网页版</span>
                        </a>
                    </li>
                    <li>
                        <a href="https://mp.weixin.qq.com/">
                            <img src="https://wx.gtimg.com/core/favicon.ico" alt="">
                            <span>微信公众平台</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <footer>
        <div class="layui-container">
            <ul>
                <li><a href="javascript:;">关于我们</a></li>
                <li><a href="https://www.kuangstudy.com/about">企业介绍</a></li>
                <li><a href="https://www.kuangstudy.com/bbs/1324205709382770689">加入我们</a></li>
                <li><a href="https://www.kuangstudy.com/bbs/1324199621287600130">联系我们</a></li>
                <li><a href="https://www.kuangstudy.com/zl/help">帮助中心</a></li>
            </ul>

            <ul>
                <li><a href="javascript:;">平台服务</a></li>
                <li><a href="https://www.kuangstudy.com/bbs">江湖</a></li>
                <li><a href="https://www.kuangstudy.com/zhuanlan">专栏</a></li>
                <li><a href="https://www.kuangstudy.com/course">课程</a></li>
                <li><a href="https://www.kuangstudy.com/app">导航</a></li>
            </ul>

            <ul>
                <li><a href="javascript:;">技术支持</a></li>
                <li><a href="https://www.kuangstudy.com/">广东学相伴网络科技有限公司</a></li>
                <li><img src="https://www.kuangstudy.com/assert/img/wafcloud-124x47.png" alt=""></li>
            </ul>

            <div>
                <ul>
                    <li class="list">
                        <img src="https://www.kuangstudy.com/assert/img/weixin.jpg" alt="">
                        <span>公众号</span>
                    </li>
                    <img src="https://www.kuangstudy.com/assert/img/wx.jpg" alt="" class="img1 img">
                    <li class="list">
                        <img src="https://www.kuangstudy.com/assert/img/douyin.png" alt="">
                        <span>官方抖音</span>

                    </li>
                    <img src="https://www.kuangstudy.com/assert/img/dy.png" alt="" class="img2 img">
                </ul>
            </div>
        </div>
        <p>Copyright © 广东学相伴网络科技有限公司<a href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备 - 2020109190号</a></p>
    </footer>
    <script src="./NavLast.js"></script>
</body>

</html>
